<!DOCTYPE html>
<html>
<head>
<style>
    table {
        overflow: hidden;
    }
</style>
<script>
    function onSelectionChange(select)
    {
        document.getElementById('hiddenRow').style.display = '';
    }
</script>
</head>
<body>
    <div><a href="https://bugs.webkit.org/show_bug.cgi?id=95776">95776</a>: REGRESSION(r120832): Layer::clampScrollOffset doesn't properly clamp</div>
    <div>Manual test: click on the menu below and &lt;select&gt; the 'shown' option. Click somewhere on the page so that the &lt;select&gt; loses focus and click again on the &lt;select&gt;.</div>
    <div>To pass the menu should be properly placed below the &lt;select&gt;.</div>
    <form name="teste">
        <table>
        <tr>
            <th>Test select:</th>
            <td>
            <select onchange=onSelectionChange(this)>
                <option value="0">hidden</option>
                <option value="1">shown</option>
            </select>
            </td>
        </tr>
        <tr id="hiddenRow" style="display: none;">
            <th>Lorem ipsum</th>
            <td>dolor sic amet.</td>
        </tr>
        </table>
    </form>
</body>
</html>
